page {
    background-color: #f8f8f8;
}

// 用户信息的样式
.user_info_wrap {
    height: 30vh;
    position: relative;
    background-color: #e40a5e;
    border-bottom-left-radius: 30rpx;
    border-bottom-right-radius: 30rpx;

    .user_info {
        display: flex;
        flex-direction: column;
        align-items: center;

        .user_icon {
            height: 12vh;
            width: 12vh;
            border-radius: 50%;
            margin-top: 40rpx;
            box-shadow: 0rpx 10rpx 50rpx 10rpx rgba(85, 85, 85, 0.2);
            // 水平阴影位置 垂直阴影位置 模糊的距离 阴影的大小 阴影的颜色 
        }

        .user_mess {
            color: white;

            .user_name {
                margin-top: 20rpx;
                font-size: 30rpx;
                font-weight: bolder;
            }

            .user_tel {
                margin-top: 0.5vh;
                font-weight: bolder;
                font-size: 30rpx;

                .getPhone_wrap {
                    display: flex;
                    width: 100%;
                    height: 60rpx;
                    padding-bottom: 40rpx;
                    border: 0;
                    margin-left: -35rpx;
                    color: #fff;

                    .getPhone_icon {
                        margin-top: 8rpx;
                        width: 50rpx;
                        height: 50rpx;
                    }

                    .getPhone_text {
                        height: 50rpx;
                        line-height: 60rpx;
                        font-size: 30rpx;
                    }
                }
            }

            .user_address {
                display: flex;
                margin-top: 0.5vh;
                font-size: 30rpx;
                font-weight: bolder;

                .user_add {
                    width: 300rpx;
                }
            }

            .alter {
                width: 50rpx;
                height: 50rpx;
                margin-top: -3rpx;
                margin-left: 15rpx;
            }
        }
    }

    .user_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        .login_wrap {
            margin-top: 70rpx;
            height: 240rpx;
            display: flex;
            border: 0;
            .loginIcon_wrap {
                height: 12vh;
                width: 12vh;
                background-color: #fdf7f7;
                border-radius: 50%;
                margin-top: 40rpx;
                margin-left: 40rpx;

                .login_icon {
                    width: 9vh;
                    height: 9vh;
                    margin-top: 20rpx;
                }
            }

            .login_text {
                margin: 50rpx;
                font-size: 50rpx;
                font-weight: bolder;
                color: #fff;
            }
        }
    }
}

// 遮罩层的样式
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(56, 55, 55, 0.651);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

// 弹窗的样式
.windows {
    width: 90%;
    height: 600rpx;
    background-color: white;
    position: absolute;
    top: 300rpx;
    z-index: 95;
    display: flex;
    flex-direction: column;
    margin-left: 38rpx;
    border-radius: 25rpx;

    // 取消和确认的按钮
    .up {
        display: flex;
        justify-content: space-between;
        margin: 30rpx 40rpx 0rpx 40rpx;

        .cancel {
            width: 120rpx;
            height: 50rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #808080;
            border-radius: 50rpx;
            background-color: #fff;
            font-size: 30rpx;
            border: 1rpx solid #b8b4b4;
        }

        .closeWin {
            width: 120rpx;
            height: 50rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            border-radius: 50rpx;
            background-color: #f491bf;
            font-size: 30rpx;
        }
    }

    // 下拉选择框的样式
    .addSelect_wrap {
        margin-top: 30rpx;

        .menu {
            .select {
                z-index: 10;
                top: 770rpx;
            }

            .van-dropdown-item--down {
                bottom: 0;
            }

            .van-dropdown-item {
                left: 38rpx;
                overflow: hidden;
                position: fixed;
                right: 0;
                width: 90%;
                height: 390rpx;

                .van-dropdown-item__option {
                    width: 155rpx;
                }

                .van-dropdown-item__option--active {
                    width: 155rpx;

                    .van-dropdown-item__title {
                        color: var(--dropdown-menu-option-active-color, #ee0a24);
                        width: 100rpx;
                    }
                }

            }
        }
    }
}

// 公众号的样式
.MeiYou_wrap {
    display: flex;
    justify-content: center;
    margin-top: 10rpx;

    .MeiYou {
        font-size: 30rpx;
        color: #e40a5e;
        border-bottom: 1rpx solid #c5c1c1;
    }
}

// 客服框的样式
.user_help_wrap {
    background-color: #fff;
    height: 100rpx;
    border-radius: 45rpx;
    margin: 20rpx 40rpx;
    .kefu {
        border: 0;
        display: flex;
        align-items: center;
        // height: 100%;
        // width: 100%;
        .left_icon {
            flex: 1;
            width: 80rpx;
            height: 80rpx;
            margin-left: -30rpx;
        }

        .mainText {
            // width: 180rpx;
            // height: 50rpx;
            // font-weight: bolder;
            flex: 3;
            color: black;
            font-size: 40rpx;
            display: flex;
            flex-direction: row;
        }

        .right_circle_icon {
            flex: 1;
            width: 50rpx;
            height: 50rpx;
            margin-right: -30rpx;
        }
    }
}

.text1 {
    background-color: #fff;
    height: 100rpx;
    border-radius: 45rpx;
    margin: 20rpx 40rpx;

    .womaichude {
        display: flex;
        align-items: center;

        .tubiao {
            flex: 1;
            width: 90rpx;
            height: 90rpx;
        }

        .wenzi {
            flex: 3;
            // font-weight: bold;
            font-size: 40rpx;
        }

        .right_circle_icon {
            flex: 1;
            width: 50rpx;
            height: 50rpx;
        }

    }
}

.advice_wrap{
    position: fixed;
    bottom: 5rpx;
    display: flex;
    justify-content: center;
    left: 7%;
    .advice{
        border: 0;
        color: #e40a5e;
    }
}